---
title: 插件和集成
description: 发现扩展 Starlight 的插件和集成等社区工具！
sidebar:
  order: 1
---

:::tip[添加你自己的！]
你是否构建过 Starlight 插件或 Starlight 工具？
创建一个 PR 来添加链接到此页面！
:::

## 插件

[插件](/zh-cn/reference/plugins/) 可以自定义 Starlight 的配置、UI 和行为，同时也易于共享和复用。使用 Starlight 团队支持的官方插件和由 Starlight 用户维护的社区插件扩展你的网站。

### 官方插件

<CardGrid>
	<LinkCard
		href="/zh-cn/guides/site-search/#algolia-docsearch"
		title="Algolia DocSearch"
		description="将默认搜索 provider Pagefind 替换为 Algolia DocSearch。"
	/>
</CardGrid>

### 社区插件

<CardGrid>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-links-validator"
		title="starlight-links-validator"
		description="在你的 Starlight 页面中检查损坏的链接"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-typedoc"
		title="starlight-typedoc"
		description=" 使用 TypeDoc 从 TypeScript 生成 Starlight 页面。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-blog"
		title="starlight-blog"
		description="添加一个博客到你的文档网站。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-openapi"
		title="starlight-openapi"
		description="从 OpenAPI/Swagger 规范创建文档页面。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-obsidian"
		title="starlight-obsidian"
		description="将 Obsidian vaults 发布到 Starlight 网站。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-image-zoom"
		title="starlight-image-zoom"
		description="为你的文档图像添加缩放功能。"
	/>
	<LinkCard
		href="https://github.com/lorenzolewis/starlight-utils"
		title="starlight-utils"
		description="通过一系列常用工具扩展 Starlight。"
	/>
	<LinkCard
		href="https://github.com/trueberryless/starlight-view-modes"
		title="starlight-view-modes"
		description="为你的文档网站添加不同的视图模式。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-versions"
		title="starlight-versions"
		description="版本化你的 Starlight 文档页面。"
	/>
	<LinkCard
		href="https://inox-tools.fryuni.dev/star-warp"
		title="star-warp"
		description="为你的文档搜索结果添加曲速引擎。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-heading-badges"
		title="starlight-heading-badges"
		description="添加徽章到你的 Markdown 和 MDX 标题中。"
	/>
	<LinkCard
		href="https://github.com/Fevol/starlight-site-graph"
		title="starlight-site-graph"
		description="在页面的侧边栏中添加一个交互式站点图。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-sidebar-topics"
		title="starlight-sidebar-topics"
		description="将你的文档分成不同的部分，每个部分都有自己的侧边栏。"
	/>
	<LinkCard
		href="https://github.com/trueberryless-org/starlight-sidebar-topics-dropdown"
		title="starlight-sidebar-topics-dropdown"
		description="将你的文档页面拆分为多个子页面，并使用侧边栏中的下拉菜单在它们之间切换。"
	/>
	<LinkCard
		href="https://github.com/trueberryless-org/starlight-cooler-credit"
		title="starlight-cooler-credit"
		description="为 Starlight 或 Astro 在目录的底部添加一个漂亮的 credit。"
	/>
	<LinkCard
		href="https://github.com/trueberryless-org/starlight-contributor-list"
		title="starlight-contributor-list"
		description="在你项目中显示一个包含所有贡献者的列表。"
	/>
	<LinkCard
		href="https://github.com/dragomano/starlight-giscus"
		title="starlight-giscus"
		description="将 Giscus 评论系统添加到你的文档网站。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-videos"
		title="starlight-videos"
		description="通过视频指南和课程增强你的文档。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-kbd"
		title="starlight-kbd"
		description="轻松绑定键盘快捷键。"
	/>
	<LinkCard
		href="https://events-3bg.pages.dev/library/StarlightPlugin/"
		title="starlight-view-transitions"
		description="添加浏览器原生的跨文档视图过渡动画。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-auto-sidebar"
		title="starlight-auto-sidebar"
		description="调整自动生成的侧边栏组。"
	/>
	<LinkCard
		href="https://github.com/delucis/starlight-llms-txt"
		title="starlight-llms-txt"
		description="基于 llmstxt.org 将 llms.txt 添加到你的文档站点。"
	/>
	<LinkCard
		href="https://github.com/trueberryless-org/starlight-toc-overview-customizer"
		title="starlight-toc-overview-customizer"
		description="调整 Starlight的 目录，可自定义概述标题。"
	/>
	<LinkCard
		href="https://delucis.github.io/starlight-markdown-blocks/"
		title="starlight-markdown-blocks"
		description="扩展 Starlight 的 Markdown 旁白语法，增加自定义块类型。"
	/>
	<LinkCard
		href="https://github.com/WindMillCode/starlight-fullview-mode"
		title="starlight-fullview-mode"
		description="收起侧边栏，展开内容以获得全屏体验。"
	/>
	<LinkCard
		href="https://github.com/frostybee/starlight-scroll-to-top"
		title="starlight-scroll-to-top"
		description="在你的文档网站添加一个滚动到顶部的按钮。"
	/>
</CardGrid>

## 社区工具和集成

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

这些社区工具和集成可用于为你的 Starlight 网站添加新功能。

<CardGrid>
	<LinkCard
		href="https://www.feelback.dev/blog/new-astro-starlight-integration/"
		title="FeelBack"
		description="在文档页面中添加用户反馈系统。"
	/>
	<LinkCard
		href="https://github.com/val-town/notion-to-astro"
		title="notion-to-astro"
		description="将 Notion 输出转换为 Astro Starlight 文档"
	/>
	<LinkCard
		href="https://github.com/mattjennings/astro-live-code"
		title="astro-live-code"
		description="将你的 MDX 代码块渲染为交互式组件"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-i18n"
		title="starlight-i18n"
		description="帮助翻译 Starlight 页面的 Visual Studio Code 扩展"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-package-managers"
		title="starlight-package-managers"
		description="快速显示多个包管理器的 npm 相关命令。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/starlight-showcases"
		title="starlight-showcases"
		description="一套 Starlight 组件，用于创建展示页面。"
	/>
	<LinkCard
		href="https://github.com/HiDeoo/generator-starlight-plugin"
		title="@hideoo/starlight-plugin"
		description="一个快速搭建 Starlight 插件的生成器。"
	/>
	<LinkCard
		href="https://github.com/Linkerin/starlight-to-pdf"
		title="starlight-to-pdf"
		description="一个用于将 Starlight 网页转换为 PDF 文件的命令行工具。"
	/>
	<LinkCard
		href="https://github.com/joesaby/astro-plantuml"
		title="astro-plantuml"
		description="在 Markdown 代码块中渲染 PlantUML 内容。"
	/>
</CardGrid>
